<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>都在备注里</title>
    <style>
        .one {
            line-height: 36;
            font-size: large;
            width: 200px;
            
        }
    </style>
</head>
<body>
    /* <!-- 作用：快速生成html和css的结构样式
    一丶快速生成html结构：
    1. 快速生成标签：标签名+tab或回车，
        例：div+tab==<div></div>
    2.生成多个相同的标签：
        例：div*3，生成三个<div></div>
        <div></div>
        <div></div>
        <div></div>
    3.父子级关系标签，用>
        例：ul>li  ==  
        <ul>
            <li></li>
        </ul>
    4.兄弟级关系标签，用+
        例：div+p
        <div></div>
        <p></p>
    5.生成带有类名或者id名字的，直接写  标签名+.demo 或者 #two 
        例：div.nav==<div class="nav"></div>
            div#two==<div id="two"></div>
    6.生成的div类名是有顺序的，可以使用自增符号$
        例：div$*5==
            <div1></div1>
            <div2></div2>
            <div3></div3>
            <div4></div4>
            <div5></div5> -->
    <!-- 7．如果想要在生成的标签内部写内容可以用{}表示
        例；p{123456}==<p>123456</p> --> */

</body>
</html>